<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
	<style type="text/css">
		.div1{
			width: 300px;
			height: 300px;
			background: cadetblue;
		}
		.div2{
			width: 100px;
			height: 100px;
			background: pink;
		}
	</style>
	<body>
		<div class="div1">
			<div class="div2">
				0
			</div>			
		</div>
	</body>
	<script type="text/javascript">
		$(".div1").click(function(){
			var a=$(".div2").html()
			a++
			$(".div2").html(a)
		})
//		$(".div2").click(function(){
//			var a=$(".div2").html()
//			a++
//			$(".div2").html(a)
//			return false
//		})
	</script>
</html>
